
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css loading</title>
    <link rel="stylesheet" href="loading动画.css">
    <link rel="stylesheet" href="loading.css">
</head>
<body>
<div class="container">
    <div class="loading">
        <div class="inner ball_plus">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_grid">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_rotate">
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_line">
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner cube_transition">
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_five">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_triangle">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_triangle_path">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_snake">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_concentric">
            <div>
                <div></div>
            </div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_scale">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_scale_line">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner square">
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_spin_fade">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner square_spin_fade">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner square_volume_mid">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner square_volume_left">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_eating">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_line_rotate">
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_3d_rotate">
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading">
        <div class="inner ball_ellipse">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="loading"></div>
    <div class="loading"></div>
</div>
</body>
</html>